/**
 * Author: Simon-Pierre Boucher
 * Contact: contact@spboucher.ai
 * Project: Hilmacorp.ai — Web Platform
 * File: app/[locale]/privacy/page.tsx
 * Description: Privacy Policy page — data practices plus the cookie inventory and preferences access
 */

import type { Metadata } from "next";
import LegalPage from "@/components/LegalPage";
import ManageCookiesButton from "@/components/ManageCookiesButton";
import { getMessages, isLocale, type Locale } from "@/lib/i18n";

export async function generateMetadata({
  params,
}: {
  params: Promise<{ locale: string }>;
}): Promise<Metadata> {
  const { locale } = await params;
  if (!isLocale(locale)) return {};
  const { meta } = getMessages(locale);
  return { title: { absolute: meta.privacy.title }, description: meta.privacy.description };
}

export default async function PrivacyPage({
  params,
}: {
  params: Promise<{ locale: string }>;
}) {
  const { locale } = await params;
  const { privacy } = getMessages(locale as Locale);
  const cookies = privacy.cookiesSection;

  return (
    <LegalPage
      title={privacy.title}
      lead={privacy.lead}
      lastUpdated={privacy.lastUpdated}
      sections={privacy.sections}
    >
      <section>
        <h2 className="font-display text-xl font-semibold text-ink">{cookies.title}</h2>
        <p className="mt-3 leading-relaxed text-ink-soft">{cookies.intro}</p>
        <div className="mt-6 overflow-x-auto rounded-2xl border border-line">
          <table className="w-full border-collapse bg-card text-left text-sm">
            <thead>
              <tr className="border-b border-line bg-paper-2">
                <th scope="col" className="px-5 py-3 font-semibold text-ink">
                  {cookies.tableName}
                </th>
                <th scope="col" className="px-5 py-3 font-semibold text-ink">
                  {cookies.tablePurpose}
                </th>
                <th scope="col" className="px-5 py-3 font-semibold text-ink">
                  {cookies.tableDuration}
                </th>
              </tr>
            </thead>
            <tbody>
              {cookies.rows.map((row) => (
                <tr key={row.name} className="border-b border-line last:border-b-0">
                  <td className="px-5 py-3 font-mono text-xs text-ink">{row.name}</td>
                  <td className="px-5 py-3 text-ink-soft">{row.purpose}</td>
                  <td className="px-5 py-3 text-ink-soft">{row.duration}</td>
                </tr>
              ))}
            </tbody>
          </table>
        </div>
        <ManageCookiesButton
          label={cookies.manage}
          className="mt-6 rounded-full border border-line-strong px-6 py-2.5 text-sm font-medium text-ink transition-colors hover:border-accent hover:text-accent"
        />
      </section>
    </LegalPage>
  );
}